<template>
  <div class="default">
    <div class="default_item">
      <div class="title">{{languageJson.setting.defaultOrderAmount}}</div>
      <div class="tips">{{languageJson.message.defaultOrderAmountExplain}}</div>
      <div class="input_">
        <el-input-number
          v-model="state.formData.default.default_stake"
          @change="settingtore.changeformData" :controls="false"
          style="width: 200px"
        >
          <template #prefix>
            <div class="el-input__icon">￥</div>
          </template>
        </el-input-number>
      </div>
    </div>

    <div class="default_item">
      <div class="title">{{languageJson.setting.defaultOrderType}}</div>
      <div class="tips">{{languageJson.message.defaultOrderTypeExplain}}</div>
      <div class="input_">
        <el-input-number
          v-model="state.formData.default.order_second" :controls="false"
          @change="settingtore.changeformData"
          style="width: 200px"
        >
          <template #suffix>
            <div class="el-input__icon">{{languageJson.setting.second}}</div>
          </template>
        </el-input-number>
      </div>
    </div>
  </div>
</template>

<script setup>
const userStore = useUserStore()
const languageJson = inject('languageJson')
const languageType = inject('languageType')
const { settingtore, state } = inject('SettingStore')
</script>

<style lang="scss" scoped>
.default {
  display: flex;
  flex-direction: column;

  .default_item {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;

    .title {
      font-family: AlibabaPuHuiTi_2_65_;
      font-size: 14px;
      font-weight: bold;
      color: #000;
      margin-bottom: 4px;
    }

    .tips {
      font-family: AlibabaPuHuiTi_2_65_;
      font-size: 12px;
      color: #999;
      margin-bottom: 8px;
    }
  }
}

.el-input__icon {
  font-family: DINAlternate;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
</style>

<style>
.default_item .el-input__inner {
  font-family: AlibabaPuHuiTi_2_65_;
  color: #000;
}
</style>